<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>酒店管理</title>
    <script src="__STATIC__/html/js/jquery-3.2.1.min.js" type="text/javascript"></script>
    <script src="__STATIC__/html/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="__STATIC__/html/js/vue.js" type="text/javascript"></script>
    <script src="__STATIC__/html/js/vue-router.js" type="text/javascript"></script>
    <script src="__STATIC__/html/js/laydate/laydate.js" type="text/javascript"></script>
    <script src="__STATIC__/html/js/bootstrapValidator.min.js" type="text/javascript"></script>
    <script src="__STATIC__/html/js/catalog.js" type="text/javascript"></script>
    <script src="__STATIC__/teacher/js/webuploader.js" type="text/javascript"></script>


    <link href="__STATIC__/html/css/bootstrap.min.css" rel="stylesheet">
    <link href="__STATIC__/teacher/css/webuploader.css" rel="stylesheet">
    <link href="__STATIC__/html/css/style.css" rel="stylesheet">
    <style type="text/css">
        a,
        .pagination>li>a {
            color: #1abc9c;
        }

        .col-md-4 {
            padding-right: 0px;
        }

        .help-block {
            display: inline-block;
            margin: 0px;
        }

        .pagination>li>a {
            width: 42px;
            text-align: center;
        }

        .pagination>li>.pageon {
            background-color: #ddd;
        }

        .nomargintop {
            margin: 0px auto;
        }

        tr {
            text-align: center;
        }

        th {
            text-align: center;
        }
        .displaynone{
            display: none;
        }
    </style>
</head>
<body>
    <{{include file="../application/html/view/chance/index.html"}}>
    <{{include file="../application/html/view/chance/update.html"}}>
    <{{include file="../application/html/view/chance/detail.html"}}>
<div id="app">
    <router-view></router-view>
</div>
</body>

<script>
    const routes = [
        { path: '/',name:'index', component: Index },
        { path: '/update/:id',name:'update', component: Update },
        { path: '/detail/:id',name:'detail', component: Detail }
    ];

    const router = new VueRouter({
        routes
    });

    const app = new Vue({
        router
    }).$mount('#app')

    $('#index').remove();
    $('#update').remove();
    $('#detail').remove();

</script>
</html>